<template>
	<view>
		<view class="box-color box-padding u-m-b-20">
			<view class="u-m-b-30 u-font-32">采购商发票信息</view>
			<view class="item">
				<text class="text-left">名称</text>
				<text class="text-right">{{ info.buyerName }}</text>
			</view>
			<view class="item">
				<text class="text-left">纳税人识别号</text>
				<text class="text-right">{{ info.buyerIdentityNo }}</text>
			</view>
			<view class="item">
				<text class="text-left">地址</text>
				<text class="text-right">{{ info.buyerAddress }}</text>
			</view>
			<view class="item">
				<text class="text-left">电话</text>
				<text class="text-right">{{ info.buyerTelNo }}</text>
			</view>
			<view class="item">
				<text class="text-left">开户行	</text>
				<text class="text-right">{{ info.buyerBankName }}</text>
			</view>
			<view class="item">
				<text class="text-left">银行账号	</text>
				<text class="text-right">{{ info.buyerBankAccountNo }}</text>
			</view>
			<view class="item">
				<text class="text-left">发票邮寄地址	</text>
				<text class="text-right">{{ info.deliveryAddress }}</text>
			</view>
			<view class="item">
				<text class="text-left">开票类型	</text>
				<text class="text-right">{{ info.isProfessional?'增值税专用发票':'增值税普通发票' }}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
				default: () => {}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.item {
		display: flex;
		line-height: 50rpx;
	}
	.text-left {
		flex-basis: 30%;
		font-size: 28rpx;
		color: $uni-text-color-grey;
	}
	.text-right {
		font-size: 28rpx;
		color: $uni-text-color;
		flex: 1;
		overflow: hidden;
	}
</style>
